<template>
  <el-container>
    <el-header><el-button type="primary">返回</el-button></el-header>
    <el-container>
      <el-aside><AsideComponent/></el-aside>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</template>

<script type="text/ecmascript-6">
  import AsideComponent from './children/AsideComponent'

  import Users from '../users/Users'
  import Roles from './power/Roles'

  export default {
    name: 'Home',
    components:{
      AsideComponent,
      Users,
      Roles
    }
  }
</script>

<style lang="less" scoped>
  .el-container{
    height: 100%;
    width: 100%;
  }
  .el-header {
  background-color: #373d41;}
  .el-aside{
    width: 200px !important;
    height: 100%;
  }
</style>
